/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video{font: inherit;font-family: arial;font-size: 14px;margin: 0;padding: 0;vertical-align: baseline;border: 0;}
/* HTML5 display-role reset for older browsers */
article,
aside,
footer,
header,
nav,
section{display: block;}
a{text-decoration: none;}
body{line-height: 1;}
ol,
ul{list-style: none;}
blockquote,
q{quotes: none;}
blockquote:before,
blockquote:after,
q:before,
q:after{content: '';content: none;}
table{border-spacing: 0;border-collapse: collapse;}
/*header*/
header {background: #000;height: 80px;position: relative;}
header:after {position: absolute;bottom: 0;left: 0;width: 100%;height: 7px;content: '';background: #d6d6d6;}
header > .container {position: relative;width: 1200px;margin: 0 auto;z-index: 1;}
header > .container > h1 {float: left;margin: 5px 25px;}
header > .container > h1 > a {display: block;}
header > .container > nav {float: right;}
header > .container > nav > a {display: block;float: left;width: 110px;height: 73px;line-height: 73px;font-size: 24px;color: #fff;text-align: center;}
nav > a.active, nav > a:hover {padding-bottom: 7px;}
nav > a:nth-of-type(1) {background: #433b90;}
nav > a:nth-of-type(2) {background: #017fcb;}
nav > a:nth-of-type(3) {background: #78b917;}
nav > a:nth-of-type(4) {background: #feb800;}
nav > a:nth-of-type(5) {background: #f27c01;}
nav > a:nth-of-type(6) {background: #d40112;}
/*广告*/
.banner {background: #eaeaea;position: relative;}
.banner:after {position: absolute;bottom: 0;left: 0;width: 100%;height: 6px;content: '';background: #d6d6d6;}
.banner > ul {position: relative;width: 1490px;height: 538px;margin: 0 auto;}
.banner > ul > li {position: absolute;width: 610px;height: 300px;overflow: hidden;}
.banner > ul > li.active {position: absolute;top: 37px;left: 0;right: 0;width: 960px;height: 460px;z-index: 2;margin: 0 auto;border: 1px solid #fff;box-shadow: 0 30px 140px 22px rgba(0,0,0,0.35);}
.banner > ul > li.left {position: absolute;top: 0;bottom: 0;left: 0;margin:auto;z-index: 1;}
.banner > ul > li.right {position: absolute;top: 0;right: 0;bottom: 0;margin:auto;z-index: 1;}
.banner > ul > li > img {position: absolute;height: 100%;left: -35%;}
/*main*/
.main {width: 1200px;height: 437px;margin:34px auto 0;position: relative;}
.main > aside {width: 450px;float: left;}
.main h1 {font-size: 30px;margin-bottom: 23px;font-weight: lighter;}
.main h1 > strong {font-size: 30px;color: #7c7c7c;}
.main > article {float: right;width: 720px;overflow: hidden;}
.main > aside > dl {position: relative;display: block;height: 74px;margin-bottom: 17px;}
.main > aside > dl > dt {position: absolute;top: -1px;left: 92px;font-size: 16px;line-height: 16px;font-weight: bold;text-decoration: underline;}
.main > aside > dl > dd:first-of-type {position: absolute;left: 0;}
.main > aside > dl > dd:last-of-type {position: absolute;left: 90px;top: 20px;}
.main > article > p, .main > article > img {margin-bottom: 20px;}
/*footer*/
footer {background: #000;position: relative;}
footer:before {position: absolute;top: -6px;left: 0;z-index: -1;width: 100%;height: 7px;content: '';background: #d6d6d6;}
footer > .container {width: 1200px;height: 64px;margin: 0 auto;position: relative;}
footer > .container > h3 {float: left;height: 64px;line-height: 64px;color: #fff;}
footer > .container > p{float: right;margin: 14px 40px;}
footer > .container > p > a {display: inline-block;margin-left: 4px;opacity: .7;}
footer > .container > p > a:hover {opacity: 1;}

